<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改数据</title>
    <link rel="stylesheet" href="../../../layui/css/layui.css">
    <link rel="stylesheet" href="../../../css/carousel/PicUpdate.css">
</head>
<body>

<div class="layui-container">
    <form class="layui-form" method="post" enctype="multipart/form-data" lay-filter="formdemo" action="javascript:;">
        <input type="hidden" readonly name="number">
<!--        <input type="hidden" name="userNum">-->
        <!--            图片名称-->
        <div class="layui-form-item">
            <label class="layui-form-label" id="name">轮播图名称：</label>
            <div class="layui-input-inline">
                <input type="text" name="imageTitle"  autocomplete="off" class="layui-input">
            </div>
        </div>
<!--        图片类型-->
        <div class="layui-form-item">
            <label class="layui-form-label" id="type">轮播图类型：</label>
            <div class="layui-input-inline">
                <select name="imageType" id="imageType">
                    <option value="视频">视频</option>
                    <option value="图片">图片</option>
                </select>
            </div>
        </div>
<!--        开始时间  ok-->
        <div class="layui-form-item">
            <label class="layui-form-label">开始时间：</label>
            <div class="layui-input-inline">
                <input type="text" name="startTime" class="layui-input" id="startTime">
            </div>
        </div>
<!--        结束时间  ok-->
        <div class="layui-form-item">
            <label class="layui-form-label">结束时间：</label>
            <div class="layui-input-inline">
                <input type="text" name="expireTime" value="暂无更新" class="layui-input"  id="expireTime">
            </div>
        </div>
<!--        上线/下线-->
        <div class="layui-form-item">
            <label class="layui-form-label">上线/下线：</label>
            <input type="radio" name="isOnline" value="上线">上线
            <input type="radio" name="isOnline" value="下线">下线
        </div>
<!--        更改图片-->
        <div class="layui-upload">
            <input type="hidden" name="imageUrl" value="" class="image">
            <label class="layui-form-label">轮播图片：</label>
            <div class="layui-input-inline">
                <button class="layui-btn" id="imageupdate">更改图片</button>
            </div>
            <div class="layui-upload-list">
                <label class="layui-form-label">预览图：</label>
                <img class="layui-upload-img" id="imageUrl">
                <p id="demoText"></p>
            </div>

        </div>
<!--        视频-->

        <div class="layui-upload">
            <input type="hidden" name="videoUrl" value="" class="video">
            <input  style="display: none" type="text" id="video" name="videoUrl"  autocomplete="off" class="layui-input">
            <input  style="display: none" type="text" id="time" name="time"  autocomplete="off" class="layui-input">
            <label class="layui-form-label">轮播视频：</label>
            <div class="layui-input-inline">
                <button class="layui-btn" id="videoUpdate">上传视频</button>
            </div>
            <div class="layui-upload-list">
                <label class="layui-form-label">视频预览：</label>
               </video><video src="" controls="controls" id="videoUrl" style="width: 300px; height: 250px;"></video>
            </div>

        </div>

        <div class="layui-form-item" id="btnss">
            <button lay-submit class="layui-btn" lay-filter="formDemmo" id="qd">确定</button>
            <button class="layui-btn" id="cancel">取消</button>
        </div>
    </form>
</div>
<script src="../../../js/jquery-3.6.0.js"></script>
<script src="../../../layui/layui.js"></script>
<script src="../../../js/carousel/PicUpdate.js"></script>
</body>
</html>